<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>网站首页</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="../css/reset.css" rel="stylesheet">
<link href="../css/layout.css" rel="stylesheet">
<link href="../css/animate.min.css" rel="stylesheet">
<script src="../js/jquery.min.js"></script>
<script src="../js/xSlider.js"></script>
<script src="../js/index.js"></script>
<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
<script>
	window.onload = function() {
		var oUl = document.getElementById('menuList');
		var aLi = oUl.children;
		var oBox = aLi[aLi.length - 1];
		var iNow = 0;

		for(var i = 0; i < aLi.length - 1; i++) {
			aLi[i].index = i;
			aLi[i].onmouseover = function() {
				//oBox.style.left=this.offsetLeft+'px';
				startMove(oBox, this.offsetLeft);
				style = "active";
			};
			aLi[i].onmouseout = function() {
				//oBox.style.left=this.offsetLeft+'px';
				startMove(oBox, iNow * aLi[0].offsetWidth);
			};
			aLi[i].onclick = function() {
				iNow = this.index;
			};
		}
	};
</script>
</head>

<body>
	<div class="header">
		<div class="commwidth clearfix">
			<h1 class="logo">
   					<img src="../images/logo.png" alt="">
   				</h1>
			<div class="menu">
				<ul class="clearfix" id="menuList">
					<li class="">
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="javascript:;">名师微课</a>
					</li>
					<li>
						<a href="weike.html">课堂平台</a>
					</li>
					<li>
						<a href="javascript:;">名师直播</a>
					</li>
					<li>
						<a href="apply.html">合作</a>
					</li>
					<li class="box"></li>
				</ul>
			</div>
			<div class="user_menu">
				<ul class="clearfix">
					<li>
						<span class="fl" id="sign">登录</span>
						<i class="fenge fl"></i>
						<em class="fl" id="register">注册</em>
					</li>
					<li class="searchLi">
						<div data-selector="search_show" class="search_show fl">
							<i data-selector="search_btn" class="icon1 search_btn fl"></i>
							<div data-selector="search_contain" class="search_contain opacity fl"><input type="text" class="search_text" data-selector="search_text"><i class="icon1"></i></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="info-main">
		<div class="info-video-bg">
			<div class="info-video">
				<div class="info-top">
					<span>当前位置：</span>
					<a href="#">首页</a> >
					<a href="#">名师微课</a> > <span class="info-top-title">跟着前前老师学语文写作技巧</span>
				</div>
				<p class="info-video-title">跟着前前老师学语文写作技巧</p>
				<div style="height: 700px;color: #fff;border: 1px solid #fff;">
					<video src="3.mp4" width="1200" height="700" controls preload></video>
				</div>
			</div>
		</div>
		<div class="info-text clearfix">
			<div class="info-introduce fl">
				<p class="info-introduce-title"><span>课程简介</span></p>
				<p class="info-introduce-text">
					高中语文作文十大技巧
【技巧一】：作文成绩看字迹，得分要素是第一
任何形式的作文考试，阅卷老师打分时，第一眼，看的是字迹。因此，写作文必须要把字写好。记住，考作文考的是内容，而不是书法，切忌字迹潦草。
【技巧二】：考试作文五六段，干净整洁看卷面
考试作文中，要注意及时分段，三四个段落显得少了，八九个段落，显得琐碎了些。除非有特殊情况，段落以五六个段落为好。此外，卷面一定要整洁，不要涂改得乱七八糟。我的看法是，考试作文每段最好别超过5行，顶多是5行半。切忌一段都八九行，写成“大肚子作文”。一旦给阅卷老师视觉上的疲劳，影响他的心理，分数就受影响。如果有必要，死拉硬拽也要注意分段。
				</p>
			</div>
			<div class="info-recommend fr">
				<p class="info-recommend-title">推荐课程</p>
				<div class="info-recommend-box">
					<img src="../images/a1.jpg"/>
					<div class="info-recommend-text">
						<p class="info-recommend-font">跟着花花老师学语文作文【写作技巧】</p>
						<div class="info-recommend-status clearfix">
							<span class="fl">9999人已学</span>
							<span class="fr">电教馆</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="toTopBox">
		<div class="toTop" style="opacity: 1;" title="返回顶部">
	    <span></span>
		</div>
	</div>
	<div class="footer">
		<div class="footer-top clearfix">
			<div class="footer-vx fl">
				<p class="footer-title">关注我们</p>
				<div class="footer-vx-box clearfix">
					<div class="footer-vx-item footer-vx-itemNo1">
						<img src="../images/vx1.jpg" />
						<p>佳讯教育</p>
					</div>
					<div class="footer-vx-item">
						<img src="../images/vx2.jpg" />
						<p>微课课堂服务号</p>
					</div>
				</div>
			</div>
			<div class="footer-contact fl">
				<p class="footer-title">关注我们</p>
				<p class="footer-contact-font">热线电话：400-815-0802</p>
				<p class="footer-contact-font">电&#12288;&#12288;话：010-62698511</p>
				<p class="footer-contact-font">Q &#12288;&#12288; Q：981940781</p>
			</div>
		</div>
		<p class="footer-bottom">© Copyright@2015-2025北京永恒信业科技有很公司 .版权所有 京ICP备09025686号-1</p>
	</div>
</body>
<script type="text/javascript">
	$('[data-selector="search_show"]').click(function() {
		$('[data-selector="search_contain"]').show();
		$('[data-selector="search_btn"]').hide();
	});
	$('[data-selector="search_text"]').focus(function() {
		$('[data-selector="search_contain"]').removeClass('opacity');
	});
	$('.slider').xSlider();
	$('.navBar').on('mouseover', function(event) {
		$('.navList').show();
		event.preventDefault();
	});
	$('.navBar').on('mouseout', function(event) {
		$('.navList').hide();
		event.preventDefault();
	});
	//登录
	$("#sign").on("click", function(e) {
		$("#sign_pop").show();
		$(document).one("click", function() {
			$("#sign_pop").hide();
		});
		e.stopPropagation();
	});
	$("#sign_pop").on("click", function(e) {
		e.stopPropagation();
		$('.mask').click(function(event) {
			$("#sign_pop").hide();
		});
	});
	//找回密码
	$('.forget_password').on('click', function(e) {
		$("#sign_pop").hide();
		$('#find_pas_pop').show();
		$(document).one("click", function() {
			$("#find_pas_pop").hide();
		});
		e.stopPropagation();
	});
	$("#find_pas_pop").on("click", function(e) {
		e.stopPropagation();
		$('.mask').click(function(event) {
			$("#find_pas_pop").hide();
		});
	});
	//返回登录
	$(".backBar").on("click", function(e) {
		$('#find_pas_pop').hide();
		$("#sign_pop").show();
		$(document).one("click", function() {
			$("#sign_pop").hide();
		});
		e.stopPropagation();
	});
	$("#sign_pop").on("click", function(e) {
		e.stopPropagation();
		$('.mask').click(function(event) {
			$("#sign_pop").hide();
		});
	});
	//找回密码下一步
	$('.nextBar').on('click', function(e) {
		$("#find_pas_pop").hide();
		$('#find_sure_pop').show();
		$(document).one("click", function() {
			$("#find_sure_pop").hide();
		});
		e.stopPropagation();
	});
	$("#find_sure_pop").on("click", function(e) {
		e.stopPropagation();
		$('.mask').click(function(event) {
			$("#find_sure_pop").hide();
		});
	});
	//注册
	$('.register_bar').on('click', function(e) {
		$("#sign_pop").hide();
		$('#register_pop').show();
		$(document).one("click", function() {
			$("#register_pop").hide();
		});
		e.stopPropagation();
	});
	$("#register_pop").on("click", function(e) {
		e.stopPropagation();
		$('.mask').click(function(event) {
			$("#register_pop").hide();
		});
	});

	//注册
	//     $("#register").on("click", function(e){
	//     $("#register_pop").show();

	//     $(document).one("click", function(){
	//<p class = "footer-contact-font" > 热线电话： 400 - 815 - 0802 < /p>
	//         $("#register_pop").hide();
	//     });

	//     e.stopPropagation();
	// });
	// $("#register_pop").on("click", function(e){
	//     e.stopPropagation();
	//     $('.mask').click(function(event) {
	//     	$("#register_pop").hide();
	//     });
	// });
//返回顶部
			$(function () {
		        var $backToTopEle = $('.toTop'), $backToTopFun = function () {
		            var st = $(document).scrollTop(), winh = $(window).height();
		            (st > 200) ? $backToTopEle.fadeIn('slow') : $backToTopEle.fadeOut('slow');
		            //IE6下的定位
		            if (!window.XMLHttpRequest) {
		                $backToTopEle.css("top", st + winh - 166);
		            }
		        };
		        $('.toTop').click(function () {
		            $("html, body").animate({scrollTop: 0}, 600);
		        })
		        $backToTopEle.hide();
		        $backToTopFun();
		        $(window).bind("scroll", $backToTopFun);
		        $('#catalogWord').click(function () {
		            $("#catalog").slideToggle(600);
		        })
		    })
</script>

</html>